<template>
	<view>
		<view class="Helperbox">
			<view class="title">种植小帮手</view>
			<uni-list :border="false">
				<uni-list-item v-for="(d, index) in Helperlist" :key="d.id" :border="false" ellipsis="2">
					<template v-slot:header>
						<u--image :mode="'aspectFill'" :src="d.img" width="100rpx" height="100rpx"></u--image>
					</template>
					<template v-slot:body>
						<view class="texts">
							<text class="text1 fs-28">{{ d.name }}</text>
							<text class="text2 fs-24">{{ d.text }}</text>
						</view>
					</template>
				</uni-list-item>
			</uni-list>
		</view>
	</view>
</template>

<script>
	export default {
		name:"uni-Helper",
		data() {
			return {
				Helperlist: [
					{
						name: '农事管理',
						text: '对园区某一筹上涨作物，随时记录生长状态，包括(浇灌、嫁 接、抹芽定梢、修剪等操作类型)',
						img:
							'',
						id: '1'
					},
					{
						name: '产品运输',
						text: '对园区某一筹上涨作物，随时记录生长状态，包括(浇灌、嫁 接、抹芽定梢、修剪等操作类型)抹芽定梢、修剪等操作类型)抹芽定梢、修剪等操作类型)',
						img:
							'',
						id: '2'
					},
					{
						name: '溯源报告',
						text: '对园区某一筹上涨作物，随时记录生长',
						img:
							'',
						id: '3'
					}
				]
			};
		}
	}
</script>

<style lang="scss">
.Helperbox {
	background: #fff;
	border-radius: 8rpx;
	margin: 23rpx 30rpx 0;
	.title {
		font-size: 32rpx;
		color: #3e3e3e;
		padding: 24rpx 26rpx 16rpx;
	}
	.texts {
		display: flex;
		flex-direction: column;
		margin-left: 20rpx;
		flex: 1;
		color: #3e3e3e;
	}
}
</style>